<html>

<head>
    <title>酒计划</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" > -->
    <meta name="format-detection" content="telephone=no, email=no" />
    <meta name="description" content="不超过150个字符" />
    <meta name="keywords" content="" />
    <link rel="stylesheet" href="css/base.css" merge="base">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
</head>

<body>
    <div class="disappear wrap w100 out">
        <!-- taste page-->
        <div class="page w100 hide" id="taste">
            <div class="box">
                <div class="content">
                    <span id="taste_close" class="button icon"></span>
                    <div class="Slider_wrap">
                        <div class="price_mark">
                            酸度
                            <div class="leftLabel"></div>
                        </div>
                        <div id="sour" class="nstSlider" radio=.6 data-range_min="0" data-range_max="100" data-cur_min="0">
                            <div class="bar"></div>
                            <div class="leftGrip icon"></div>
                        </div>
                    </div>
                    <div class="Slider_wrap">
                        <div class="price_mark">
                            甜度
                            <div class="leftLabel"></div>
                        </div>
                        <div id="sweet" class="nstSlider" radio=.6 data-range_min="0" data-range_max="100" data-cur_min="0">
                            <div class="bar"></div>
                            <div class="leftGrip icon"></div>
                        </div>
                    </div>
                    <div class="Slider_wrap">
                        <div class="price_mark">
                            苦度
                            <div class="leftLabel"></div>
                        </div>
                        <div id="bitter" class="nstSlider" radio=.6 data-range_min="0" data-range_max="100" data-cur_min="0">
                            <div class="bar"></div>
                            <div class="leftGrip icon"></div>
                        </div>
                    </div>
                    <div class="Slider_wrap">
                        <div class="price_mark">
                            涩度
                            <div class="leftLabel"></div>
                        </div>
                        <div id="puckery" class="nstSlider" radio=.6 data-range_min="0" data-range_max="100" data-cur_min="0">
                            <div class="bar"></div>
                            <div class="leftGrip icon"></div>
                        </div>
                    </div>
                    <div class="Slider_wrap">
                        <div class="price_mark">
                            酒精度
                            <div class="leftLabel"></div>
                        </div>
                        <div id="alcohol" class="nstSlider" radio=.6 data-range_min="0" data-range_max="100" data-cur_min="0">
                            <div class="bar"></div>
                            <div class="leftGrip icon"></div>
                        </div>
                    </div>
                    <div id='taste_confirm_bt' class="button">确定</div>
                </div>
            </div>
        </div>
        <!-- price page-->
        <div class="page w100 hide" id="price">
            <div class="box">
                <div class="content">
                    <span id="price_close" class="button icon"></span>
                    <div class="Slider_wrap">
                        <div class="tit">您选择的价格区间</div>
                        <div class="price_mark">
                            <div class="leftLabel priceLabel"></div>元 ～
                            <div class="rightLabel priceLabel"></div>元
                        </div>
                        <div id="priceSlider" class="nstSlider priceSlider" radio=.9 data-rounding="10" data-range_min="0" data-range_max="700" data-cur_min="20" data-cur_max="600">
                            <div class="bar pricebar"></div>
                            <div class="leftGrip icon"></div>
                            <div class="rightGrip icon"></div>
                        </div>
                        <div class="priceNode">
                            <span>0</span>
                            <span>100</span>
                            <span>200</span>
                            <span>300</span>
                            <span>400</span>
                            <span>500</span>
                            <span>600</span>
                            <span>700+</span>
                        </div>
                    </div>
                    <div id='price_confirm_bt' class="button">确定</div>
                </div>
            </div>
        </div>
        <!-- mark page-->
        <div class="page w100 hide" id="mark">
            <div class="box">
                <div class="content">
                    <span id="mark_close" class="button icon"></span>
                    <div class="mark_box" id="mark_box">
                        <div class="mark_cnt">
                            <div class="mark_ge_copy" style="display:none">
                                <span class="mark_ge">今夜把人灌醉，然后就跑</span>
                                <span class="mark_ge">不醉不归</span>
                                <span class="mark_ge">爽</span>
                                <span class="mark_ge">标准美颜红酒</span>
                                <span class="mark_ge">今夜把人灌醉，然后就跑</span>
                                <span class="mark_ge">不醉不归</span>
                                <span class="mark_ge">爽</span>
                                <span class="mark_ge">标准美颜红酒</span>
                                <span class="mark_ge">今夜把人灌醉，然后就跑</span>
                                <span class="mark_ge">不醉不归</span>
                                <span class="mark_ge">爽</span>
                                <span class="mark_ge">标准美颜红酒</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- single page-->
        <div class="page w100 active" id="goodlist">
            <div>
                <div class="top_bar">
                    <span id="top_sales" class="bt">按销量</span>
                    <span id="top_ascending" class="bt">按价格</span>
                    <span id="top_category" class="bt active">品类</span>
                </div>
                <div class="menu_bar disappear">
                    <span class="bt button" id="menu_quick">快速找酒</span>
                    <span class="bt button on" id="menu_single">单品</span>
                    <span class="icon button shopping_cart"><b>0</b></span>
                </div>
                <div class="mark_wrap">
                </div>
                <div class="box" id="goodlist_box">
                    <div class="content" id="scroller">
                        <div>
                            <div class="wine_list">
                                <div class="wine_list_container">
                                    <div class="wine_content">
                                        <span class="bg scrollLoading" data-img='img/wine_01.jpg' ></span>
                                        <h1>Absolut Pears</h1>
                                        <h2>2015 Absolut Pears</h2>
                                        <span class="amount">¥300<em class="original_cost">$780</em></span>
                                    </div>
                                    <div class="add_to_cart">
                                        <a href="javascript:void(0)" class="cart"><span>+</span>购物车</a>
                                    </div>
                                </div>
                                <div class="wine_list_container">
                                    <div class="wine_content">
                                        <span class="bg scrollLoading" data-img='img/wine_02.png' ></span>
                                        <h1>Rose Flamingo</h1>
                                        <h2>Absolut Pears</h2>
                                        <span class="amount">¥300<em class="original_cost">$780</em></span>
                                    </div>
                                    <div class="add_to_cart">
                                        <a href="javascript:void(0)" class="cart"><span>+</span>购物车</a>
                                    </div>
                                </div>
                                <div class="wine_list_container">
                                    <div class="wine_content">
                                        <span class="bg scrollLoading" data-img='img/wine_01.jpg' ></span>
                                        <h1>Absolut Pears</h1>
                                        <h2>2015 Absolut Pears</h2>
                                        <span class="amount">¥300<em class="original_cost">$780</em></span>
                                    </div>
                                    <div class="add_to_cart">
                                        <a href="javascript:void(0)" class="cart"><span>+</span>购物车</a>
                                    </div>
                                </div>
                                <div class="wine_list_container">
                                    <div class="wine_content">
                                        <span class="bg scrollLoading" data-img='img/wine_02.png' ></span>
                                        <h1>Rose Flamingo</h1>
                                        <h2>Absolut Pears</h2>
                                        <span class="amount">¥300<em class="original_cost">$780</em></span>
                                    </div>
                                    <div class="add_to_cart">
                                        <a href="javascript:void(0)" class="cart"><span>+</span>购物车</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- main page -->
        <div class="page w100 active" id="main">
            <div>
                <div class="top_bar">
                    <span id="top_purpose" class="bt active">用途</span>
                    <span id="top_price" class="bt active">价位</span>
                    <span id="top_taste" class="bt active">口感</span>
                </div>
                <div class="menu_bar disappear">
                    <span class="bt button on" id="menu_quick">快速找酒</span>
                    <span class="bt button" id="menu_single">单品</span>
                    <span class="icon button shopping_cart"><b>0</b></span>
                </div>
                <div class="mark_wrap">
                    <div class="tags">
                        <span class="use_tag"><i class="icon icon_ban button"></i><b>庆功宴</b></span>
                        <span class="price_tag"><i class="icon icon_ban button"></i><b>200-600元</b></span>
                        <span class="taste_tag"><i class="icon icon_ban button"></i><b>20/40/20/30</b></span>
                    </div>
                </div>
                <div class="box" id="box">
                    <div class="content" id="scroller">
                        <div class="list_t">
                            <ul>
                                <li>
                                    <span class="tit">心  理</span>
                                    <span class="bg scrollLoading" data-img='img/test02.jpg' ></span>
                                    <div class="tag_ls">
                                        <span>小激动</span>
                                        <span>嗨</span>
                                        <span>悲伤</span>
                                        <span>烦躁</span>
                                    </div>
                                </li>
                                <li>
                                    <span class="tit">名人效应</span>
                                    <span class="bg scrollLoading" data-img='img/test01.jpg' ></span>
                                    <div class="tag_ls">
                                        <span>赵薇</span>
                                        <span>姚明</span>
                                        <span>史玉柱</span>
                                        <span>007</span>
                                    </div>
                                </li>
                                <li>
                                    <span class="tit">场  景</span>
                                    <span class="bg scrollLoading" data-img='img/test01.jpg' ></span>
                                    <div class="tag_ls">
                                        <span>婚礼</span>
                                        <span>纪念日</span>
                                        <span>失恋</span>
                                        <span>轰趴</span>
                                    </div>
                                </li>
                                <li>
                                    <span class="tit">送  礼</span>
                                    <span class="bg scrollLoading" data-img='img/test01.jpg' ></span>
                                    <div class="tag_ls">
                                        <span>父母</span>
                                        <span>哥们</span>
                                        <span>闺蜜</span>
                                        <span>老师</span>
                                    </div>
                                </li>
                                <li>
                                    <span class="tit">心  里</span>
                                    <span class="bg scrollLoading" data-img='img/test01.jpg' ></span>
                                    <div class="tag_ls">
                                        <span>开心</span>
                                        <span>纪念日</span>
                                        <span>悲伤</span>
                                        <span>烦躁</span>
                                    </div>
                                </li>
                                <li>
                                    <span class="tit">心  里</span>
                                    <span class="bg scrollLoading" data-img='img/test01.jpg' ></span>
                                    <div class="tag_ls">
                                        <span>开心</span>
                                        <span>纪念日</span>
                                        <span>悲伤</span>
                                        <span>烦躁</span>
                                    </div>
                                </li>
                                <li>
                                    <span class="tit">心  里</span>
                                    <span class="bg scrollLoading" data-img='img/test01.jpg' ></span>
                                    <div class="tag_ls">
                                        <span>开心</span>
                                        <span>纪念日</span>
                                        <span>悲伤</span>
                                        <span>烦躁</span>
                                    </div>
                                </li>
                                <li>
                                    <span class="tit">心  里</span>
                                    <span class="bg scrollLoading" data-img='img/test01.jpg' ></span>
                                    <div class="tag_ls">
                                        <span>开心</span>
                                        <span>纪念日</span>
                                        <span>悲伤</span>
                                        <span>烦躁</span>
                                    </div>
                                </li>
                                <li>
                                    <span class="tit">心  里</span>
                                    <span class="bg scrollLoading" data-img='img/test01.jpg' ></span>
                                    <div class="tag_ls">
                                        <span>开心</span>
                                        <span>纪念日</span>
                                        <span>悲伤</span>
                                        <span>烦躁</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <script type="text/javascript" src="js/base-origin.js" merge="base"></script>
</body>

</html>
